<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>管理员页面</title>
		<script src="../js/vue.js"></script>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="../css/element.css">
		<!-- 引入组件库 -->
		<script src="../js/element.js"></script>
		<!-- 引入网络传输库 -->
		<script src="../js/axios.min.js"></script>
		<!-- 处理js对象的工具，可以对js对象进行序列化处理 -->
		<script src="../js/qs.min.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- 信息列表展示开始 -->
			<el-table style="margin-left: 100px;" ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
            >
				<el-table-column prop="userName" label="用户名" width="120">
				</el-table-column>
				<el-table-column prop="userPwd" label="用户密码" width="120">
				</el-table-column>
			</el-table>
			
		</div>
	</body>
	<script>
		var app = new Vue({
			el: "#app",
			data: {
				tableData: [],
				formLabelWidth: '120px'
			},
			methods: {
				findUserInfo: function() {
	
					var that=this
					console.log("fsddf")
					axios.post("http://localhost:8989/getuserinfo",Qs.stringify()).then(function(response) {
						console.log("fsddf")
						that.tableData=response.data
                        console.log(that.tableData)
					}).catch(function(err) {	
					})

				}
				},
                mounted(){
					this.findUserInfo()
				}
			
		})
	</script>
</html>
